<template>
	<div class="header-week">
		
		<ul>
			<li v-for="(item,index) in weekList">
				<img :src="item.imgURL">
				<p class="p1">{{item.til}}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		props:['weekList'],
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.header-week{
		background-color: #f5f5f5;
		width: 100%;
		height: 200px;
		margin-top: 0.2rem;
	}
	ul{
		margin: 0px;
		padding: 0px;
		padding-top: 0.3rem;
	}
	li{
		list-style: none;
		float: left;
		margin-left: 8px;
		margin-right: 6px;
		margin-top: 0.2rem;
		position: relative;
		
	}
	img{
		width: 2.2rem;
		height: 1.3rem;
		border-radius: 0.1rem;
	}
	.p1{
		font-size: 14px;
		font-weight: 700;
		position: absolute;
		top: 40%;
		left: 25%;
		color: white;
	}
</style>
